<template>
  <div>
    <h1>父传子 {{num}}
        <button @click="update">修改父组件数据</button>
    </h1>
    <hr/>
    <child2 :n="num" :update="update" @abc="update"></child2>
    <child2 :n="num"></Child2>
  </div>
</template>

<script>
import Child2 from '@/components/Child2.vue';
export default {
    components:{
        Child2
    },
    methods:{
        update(){
            this.num++;
        }
    },
    data(){
        return  {
            num:10
        }
    }

}
</script>

<style>

</style>